import Vue from "vue";
import VueRouter from "vue-router";
import MyIndex from "@/views/MyIndex.vue";
import MyNews from "@/views/MyNews.vue";
import MySports from "@/views/MySports.vue";
import SportsOne from "@/views/SportsOne.vue";
import SportsTwo from "@/views/SportsTwo.vue";
import SportsThree from "@/views/SportsThree.vue";
Vue.use(VueRouter);
const router = new VueRouter({
  routes: [
    { path: "/myindex", component: MyIndex },
    { path: "/mynews", component: MyNews },
    {
      path: "/mysports",
      component: MySports,
      children: [
        { path: "/mysports/sportsone", component: SportsOne },
        { path: "/mysports/sportstwo", component: SportsTwo },
        { path: "/mysports/sportsthree", component: SportsThree },
      ],
    },
  ],
});
export default router;
